<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <!-- <link  rel="stylesheet" href="../css_page/att_body/style.css"> -->
    <link rel="stylesheet" href="../css_page/att_body/style copy.css">
</head>

<body style="background: rgb(0, 0, 0);">
    <div class="body_style" style="opacity: 0.65;">
        <img src="../../resources/img/style/player/{{style_body}}.jpg" alt="" srcset="">
    </div>
    <div class="team_name">
        {{t.team_name}}
    </div>
    <div class="dnainfo">
        <span class="iconfont icon-jiyinsuanfa" style="font-size:29px"></span>基因锁:{{dna_name}}
    </div>
    <div class="text_leve">
        Lv.{{t.leve.num}} <span class="text_exp">Exp({{t.leve.now}}/{{t.leve.max}})</span>
    </div>

    <div class="state_info">

        <div class="bar_line">
            <span class="iconfont icon-shangpinshengmingzhouqi" style="font-size: 25px;"></span>
                    <div class="bar" style='background: #F44336;width: {{hp_bar}};'>
                        <span>{{t.hp_now}}/{{att.Hp_Max}}({{att.Hp_res}}/s)</span>
                    </div>
        </div>
        <div class="bar_line" style="padding-top: 5px;">
            <span class="iconfont icon-mofabang" style="font-size: 25px;"></span>
                    <div class="bar" style='background: rgb(143, 99, 200);width: {{mp_bar}};'>
                        <span>{{t.mp_now}}/{{att.Mp_Max}}({{att.Mp_res}}/s)</span>
                    </div>
        </div>
    </div>
    <div class="style">
        <img style="height: auto; width: auto;padding-top: 5px" src="../../resources/img/title/{{style_title}}.png"
            alt="">
    </div>
    <p class="battle_num">{{score}}<span style="color: red;font-size: 40px;" class="iconfont icon-huo"><span></span></p>
    <div class="attinfo">
        <p> <span class="iconfont icon-gongji"></span>物攻:{{att.Physical_Attack_min}}-{{att.Physical_Attack_max}}</p>
        <p><span class="iconfont icon-1086585"></span>物防:{{att.Physical_defense}}</p>
        <p><span class="iconfont icon-mofabang"></span>魔攻:{{att.Magic_Attack_min}}-{{att.Magic_Attack_max}}</p>
        <p><span class="iconfont icon-xuehua"></span>魔防:{{att.Magic_defense}}</p>
    </div>
    <div class="more_content">
        <p>天赋·{{t.Talent_name}}</p>
        <p>血统·{{job_name}}</p>
    </div>
    <div class="userName">
        {{userName}}
    </div>

</body>

</html>